import React from 'react';
import PropTypes from 'prop-types';
import { connect } from 'dva';
import { Icon, message, Avatar, Spin,Steps,Button } from 'antd';
import styles from './index.less';
import {TimeSpan} from '../../utils';
import moment from "moment";
const Step = Steps.Step;
var timeout = null;
const Pages = ({ account_working, dispatch, loading }) => {

    return <div style={{margin:30}}>
        <h3 style={{marginTop:-20,color:'#aaa'}}>
            <a onClick={()=>{dispatch({type:"account_working/save",payload:{ID_1:false,ID_2:false,ID_3:false}});}}>#工作流管理</a>
            /预案演练工作流设计
        </h3>
        <Steps direction="vertical" current={5}>
            <Step status='process' title={<h2 style={{borderBottom:'1px solid #aaa'}}>预案演练任务启动</h2>} description={
                <div style={{width:'100%',border:'1px solid #aaa',padding:10,borderRadius:5}}>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>审批类型</p>
                        <div style={{marginBottom:10}}>逐级审批</div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>执行人</p>
                        <div style={{marginBottom:10}}>
                            <Button icon='user'>预案演练责任人</Button>
                        </div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>抄送</p>
                        <div style={{marginBottom:10}}>未设置(不抄送给任何人)</div>
                        <Button style={{marginLeft:10}} shape="circle" icon="plus" size='small'/>
                    </div>
                </div>} />
            <Step status='process' title={<h2 style={{borderBottom:'1px solid #aaa'}}>演练资料表步骤</h2>} description={
                <div style={{width:'100%',border:'1px solid #aaa',padding:10,borderRadius:5}}>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>审批类型</p>
                        <div style={{marginBottom:10}}>逐级审批</div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>执行人</p>
                        <div style={{marginBottom:10}}>
                            <Button icon='user'>预案演练责任人</Button>
                            <Button style={{marginLeft:10}} shape="circle" icon="plus" size='small'/>
                        </div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>抄送</p>
                        <div style={{marginBottom:10}}>未设置(不抄送给任何人)</div>
                    </div>
                </div>} />
            <Step status='process' title={<h2 style={{borderBottom:'1px solid #aaa'}}>填写延迟申请表</h2>} description={
                <div style={{width:'100%',border:'1px solid #aaa',padding:10,borderRadius:5}}>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>审批类型</p>
                        <div style={{marginBottom:10}}>逐级审批</div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>执行人</p>
                        <div style={{marginBottom:10}}>
                            <Button icon='user'>预案演练责任人</Button>
                        </div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>抄送</p>
                        <div style={{marginBottom:10}}>未设置(不抄送给任何人)</div>
                        <Button style={{marginLeft:10}} shape="circle" icon="plus" size='small'/>
                    </div>
                </div>
            } />
            <Step status='process' title={<h2 style={{borderBottom:'1px solid #aaa'}}>演练延迟审批</h2>} description={
                <div style={{width:'100%',border:'1px solid #aaa',padding:10,borderRadius:5}}>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>审批类型</p>
                        <div style={{marginBottom:10}}>逐级审批</div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>执行人</p>
                        <div style={{marginBottom:10}}>
                            <Button style={{margin:10}} icon='user'>办公室高工(会签)</Button>
                        </div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>抄送</p>
                        <div style={{marginBottom:10}}>未设置(不抄送给任何人)</div>
                        <Button style={{marginLeft:10}} shape="circle" icon="plus" size='small'/>
                    </div>
                </div>
            } />
            <Step status='process' title={<h2 style={{borderBottom:'1px solid #aaa'}}>填写整改方案</h2>} description={
                <div style={{width:'100%',border:'1px solid #aaa',padding:10,borderRadius:5}}>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>审批类型</p>
                        <div style={{marginBottom:10}}>逐级审批</div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>执行人</p>
                        <div style={{marginBottom:10}}>
                            <Button icon='user'>预案演练责任人(会签)</Button>
                        </div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>抄送</p>
                        <div style={{marginBottom:10}}>未设置(不抄送给任何人)</div>
                        <Button style={{marginLeft:10}} shape="circle" icon="plus" size='small'/>
                    </div>
                </div>
            } />
            <Step title={<h2 style={{borderBottom:'1px solid #aaa'}}>演练结果审批</h2>} description={
                <div style={{width:'100%',border:'1px solid #aaa',padding:10,borderRadius:5}}>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>审批类型</p>
                        <div style={{marginBottom:10}}>逐级审批</div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>执行人</p>
                        <div style={{marginBottom:10}}>
                            <Button icon='user'>办公室高工(会签)</Button>
                        </div>
                    </div>
                    <div style={{display:"flex"}}>
                        <p style={{width:100}}>抄送</p>
                        <div style={{marginBottom:10}}>未设置(不抄送给任何人)</div>
                        <Button style={{marginLeft:10}} shape="circle" icon="plus" size='small'/>
                    </div>
                </div>
            } />
        </Steps>
    </div>;
};
Pages.propTypes = {
    account_working: PropTypes.object,
    loading: PropTypes.object,
    dispatch: PropTypes.func,
};

export default connect(({ account_working, loading }) => ({ account_working, loading }))(Pages);